@extends('admin.layouts.wap_simple')
@section('title', '添加微信客服')
@section('content')
<div class="service">
    <img src="{{ $service['qrcode'] }}">
    @if($status == 1)
    <h3>专属客服经理({{ $service['name'] }})</h3>
    <p>长按上方二维码添加客服并点击下方按钮开始备案，专属客服会帮助您完成备案。</p>
    <div class="m-btn m-btn-primary m-btn-block">已添加并开始备案</div>
    @elseif($status == 2)
    <h3>代备案客服经理({{ $service['name'] }})</h3>
    <p>长按上方二维码添加客服并点击下方按钮补充必备资料，然后备案经理会帮助您完成备案。</p>
    <div class="m-btn m-btn-primary m-btn-block">已添加并且填写必备资料</div>
    @else
    <h3>微信系统客服({{ $service['name'] }})</h3>
    <p>如果有系统使用或订单问题,请长按上方二维码添加客服咨询。</p>
    @endif
</div>
<style type="text/css">
    .service{
        width: 100%;
        display: flex;
        padding: 15px;
        box-sizing: border-box;
        flex-direction: column;
        align-items: center;
    }
    .service img{
        width: 200px;
    }
    .service h3{
        width: 100%;
        font-size: 17px;
        margin: 20px 0 10px 0;
        text-align: center;
        color: #000000;
    }
    .service p{
        width: 100%;
        font-size: 15px;
        margin: 10px 0 30px 0;
        text-align: center;
        color: #666666;
    }
</style>
@endsection
